<h:panelGroup xmlns:h='http://java.sun.com/jsf/html'
              xmlns:p='http://primefaces.org/ui'
              xmlns:z='http://savanti.com.bo/ui'
              xmlns:s='http://savanti.com.bo/ui-simple'
              xmlns:x='http://java.sun.com/jsf/composite/ui/component'
              xmlns:e='http://java.sun.com/jsf/composite/ui/component-entity' styleClass='IMCanal' id='IMCanal'><p:growl/>

<z:focus focus='#{IMCanal.focus}'/>

<z:beanMenubar bean='#{IMCanal}' title='CANAL #{IMCanal.entity.codigo}'/>


<h:panelGrid columns='1' width='100%' rendered='#{IMCanal.form}'>

<h:panelGrid id='bean' columns='2' styleClass='bean align-top'>

  <x:beanPanel id='hd' bean='#{IMCanal}' title='Cabecera' cellpadding='5' columns='1'>

  <e:fieldC b='#{bean}' p='Codigo'       w='150px'/>

  <e:fieldI b='#{bean}' p='Nombre'       w='150px'/>

  <e:fieldL b='#{bean}' p='Moneda'       w='150px'/>

  <e:fieldL b='#{bean}' p='Organizacion' w='150px' t='Org Ventas'/>

  </x:beanPanel>


  <x:beanPanel id='ps' bean='#{IMCanal}' title='Posicion' cellpadding='5' style='min-width: 500px'>

  <h:panelGrid columns='1' cellpadding='2' style='margin-right: 22px'>

  <x:fieldM b='#{bean}' t='Producto'  v='#{bean.detalle.material}' x='#{x}' id='materialId'/>

  <x:fieldI b='#{bean}' t='Precio'    v='#{bean.detalle.precio}'    w='50px' onkeydown='tab()' id='precioId'/>

  <x:fieldI b='#{bean}' t='Impuesto'  v='#{bean.detalle.impuesto}'  w='50px' onkeydown='tab()'/>

  <x:fieldA b='#{bean}' t='Descuento' v='#{bean.detalle.descuento}' w='50px' l='detailAdd'/>

  </h:panelGrid>

  <x:materialImage c='#{IMCanal.detalle.material.id}'/>

  </x:beanPanel>

</h:panelGrid>


<x:materialTable bean='#{IMCanal}' ls='#{IMCanal.entity.lsPrecio}'>

<s:columnT t='Codigo'    v='#{x.material.codigo}' w='55px'/>

<s:columnT t='Nombre'    v='#{x.material.nombre}'/>

<s:columnN t='Precio'    v='#{x.precio}'          w='75px'/>

<s:columnN t='Impuesto'  v='#{x.impuesto}'        w='75px'/>

<s:columnN t='Descuento' v='#{x.descuento}'       w='80px'/>

<s:columnN t='P Final'   v='#{x.precio - x.descuento}'       w='75px'/>

</x:materialTable>
       
</h:panelGrid>


<e:dataTable bean='#{IMCanal}'>

<z:columnT t='Codigo'     v='#{x.codigo}' w='60px'/>

<z:columnT t='Nombre'     v='#{x.nombre}'/>

<z:columnT t='Org ventas' v='#{x.organizacion.nombre}'/>

<z:columnT t='Moneda'     v='#{x.moneda.nombre}'/>

</e:dataTable>

</h:panelGroup>      